import React from 'react'
import Chart from './chart'

export default function page() {
  return (
    <>
      <div className="flex justify-between mb-8">
        <div className="flex-1 flex flex-col p-4 bg-zinc-200 rounded-md mr-4">
          <span>总文章数</span>
          <span className="text-2xl py-1">6</span>
          <span>较前日</span>
        </div>
        <div className="flex-1 flex flex-col p-4 bg-zinc-200 rounded-md mr-4">
          <span>文章阅读数</span>
          <span className="text-2xl py-1">1138</span>
          <span>较前日</span>
        </div>
        <div className="flex-1 flex flex-col p-4 bg-zinc-200 rounded-md mr-4">
          <span>文章点赞数</span>
          <span className="text-2xl py-1">10</span>
          <span>较前日</span>
        </div>
        <div className="flex-1 flex flex-col p-4 bg-zinc-200 rounded-md">
          <span>文章评论数</span>
          <span className="text-2xl py-1">20</span>
          <span>较前日</span>
        </div>
      </div>
      <div className="mx-auto min-w-96 max-w-[calc(60%)]">
        <Chart />
      </div>
    </>
  )
}
